<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/dust.css">

</head>

<body>
    <!--top栏开始  -->
    <div class="container-fluid fheader">
        <div class="zz">
            <div id="header" class="container">
                <div class="container clearfix:after sonheader font16">
                    <h1 class="url fl fwb">乐购www.legou.com</h1>
                    <ul class="fr fwb">
                        <li>欢迎光临乐购&nbsp;&nbsp;&nbsp;&nbsp; 请
                            <a href="dust.html" class="registerl">&nbsp;
                                登录&nbsp;</a>&nbsp;|&nbsp;
                            <a href="register.html" class="registerr">&nbsp;注册&nbsp;</a></li>
                    </ul>
                </div>
            </div>
            <!-- 搜索导航栏开始 -->
            <div id="nav" class="container">
                <a href="index.html"> <img class="logo"></a>
                <div class="fr">
                    <div class="searchNav fr"> <input type="text" class="search fwb font16" value="请输入商品名">
                        <i class="searchone"><img src="images/搜索.png" alt=""></i>
                        <button class="fr marginRight font16 fwbq"><i class="searchtwo"><img src="images/购物车.png"
                                    alt=""></i>我的订单</button>
                        <button class="fr font16 cFFB70B fwb Shopping">购物车<span class="fwb cfff">0</span></button>
                    </div>
                    <div>
                        <ul class="fl font16 fwb ">
                            <li><a href="#">图书</a></li>
                            <li><a href="#">电子书</a></li>
                            <li><a href="#">原创文学</a></li>
                            <li><a href="#">服装</a></li>
                            <li><a href="#">户外运动</a></li>
                            <li><a href="#">孕婴装</a></li>
                            <li><a href="#">家居</a></li>
                            <li><a href="#">创业文具</a></li>
                            <li><a href="#">地方房产</a></li>
                            <li><a href="#">海外购</a></li>
                            <li><a href="#">电器城</a></li>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 搜索导航栏结束 -->
    <!-- 登陆页面 -->
    <div class="container-fluid login">
        <div class="container">
            <div class="zzright fr">
                <div class="to">
                    <ul>
                        <li class="borderbotFFB70B">普通登录</li>
                        <li class="pwd">手机无密码登录</li>
                    </ul>
                </div>
                <div class="log clearfix">
                    <form action="">
                        <input type="text" name="user" value="用户名" id="user"><i></i>
                        <input type="text" name="pwd" value="密码" id="pwd"><i></i><br>
                        <button>登&emsp;&emsp;&emsp;&emsp;录</button>
                    </form>
                    <p class="fr"><span><a href="#">忘记密码</a></span><span><a href="#">注册账号</a></span></p>
                    <div class="eles"></div>
                </div>
            </div>
            <div class="qr fr hidden">

            </div>
        </div>
    </div>
    <!-- 尾部开始 -->
    <div class="container-fluid ">
        <div id="footr" class="clearfix container ">
            <!-- 服务栏 -->
            <div class="serve clearfix container ">
                <ul class="fl ">
                    <li>
                        <i class="fl ">
                            <img src="images/CgQI0lWskgmADBnsAAAPZvcSh3E68900~1.jpg " alt=" ">
                        </i>
                        <p class="font22 ">正品保障</p>
                        <p class="font14 ">正品行货 放下选购</p>
                    </li>
                    <li>
                        <i class="fl ">
                            <img src="images/CgQIz1WslI-Adao3AAAN5b_ut2I80100~1.jpg " alt=" ">
                        </i>
                        <p class="font22 ">满86包邮</p>
                        <p class="font14 ">满86 免运费</p>
                    </li>
                    <li>
                        <i class="fl ">
                            <img src="images/ChEbulWsk4iADa_aAAAM544hHN818600~1.jpg " alt=" ">
                        </i>
                        <p class="font22 ">售后无忧</p>
                        <p class="font14 ">7天无理由退货</p>
                    </li>
                    <li>
                        <i class="fl ">
                            <img src="images/ChEi11WsyiyALBbiAAAN9lEEK5M33200~1.jpg " alt=" ">
                        </i>
                        <p class="font22 ">准时送达</p>
                        <p class="font14 ">收货时间由你做主</p>
                    </li>
                </ul>
            </div>
            <!-- 服务栏结束 -->
            <!-- 尾部导航栏 -->
            <div class="footrnav clearfix container ">
                <ul>
                    <li>
                        <h3>新手入门</h3>
                        <p>购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程</p>
                    </li>
                    <li>
                        <h3>新手入门</h3>
                        <p>购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程</p>
                    </li>
                    <li>
                        <h3>新手入门</h3>
                        <p>购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程</p>
                    </li>
                    <li>
                        <h3>新手入门</h3>
                        <p>购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程购物流程</p>
                        <p>购物流程</p>
                        <p>购物流程</p>
                    </li>
                    <li class="r ">
                        <h3>加微信查订单</h3>
                        <img src="images/qryhd.png " alt=" ">
                    </li>
                    <li class="r ">
                        <h3>app更优惠</h3>
                        <img src="images/qryhd.png " alt=" ">
                    </li>
                </ul>
            </div>

        </div>
    </div>
    <!-- 版权与合作商 -->
    <div class="container-fluid backColorf4 ">
        <div class="backColorf4 copyright container ">
            <ul>
                <li><span>© 1997-2020xxxxx版权所有 | </span>
                    <span>公司简介 | </span>
                    <span>联系方法 |</span>
                    <span>招聘信息 |</span>
                    <span> 客户服务 |</span></li>
                <li>
                    <span>© 1997-2020xxxxx版权所有 | </span>
                    <span>公司简介 | </span>
                    <span>联系方法 |</span>
                    <span>招聘信息 |</span></li>
                <li><img src="images/CgQCr1PQy1CAF7vaAABDexsiEYM24800.jpg " alt=" ">
                    <img src="images/CgQCrlPYTqCASlHXAAAd82JE0eA31000.png " alt=" ">
                    <img src="images/ChEi1FYXHcOAVk_WAAAL2r2-yfo10200.jpg " alt=" ">
                    <img src="images/ChEi2lh171KAJrGlAAALl_uZt0E75600.jpg " alt=" ">
                    <img src="images/f582260777c44b30.png " alt=" "></li>
            </ul>
        </div>
    </div>
    <!-- 尾部结束 -->
    <!-- 头搜索框 -->
    <div class="positionf Stream container-fluid">
        <div class="searchNav fr searchNav2"> <input type="text" class="search fwb font16" value="请输入商品名">
            <i class="searchone"><img src="images/搜索.png" alt=""></i>
        </div>
    </div>
    <script src="js/index.js "></script>
    <script src="js/jquery.js "></script>
    <script src="js/common.js "></script>
    <script src="slid/slide.fn.js "></script>
    <script src="js/dust.js"></script>
</body>

</html>